<template>
  <div class="reply-list-item">
    <div class="line1">
      <div class="userinfo-box">
        <div class="icon-box">
          <img :src="replyParams.memberIcon"/>
        </div>
        <div class="nickname-box">
          <div class="nickname" v-text="replyParams.memberNickname"></div>
          <div class="score">
            <el-rate
              :max="5"
              v-model="replyParams.shopScore"
              disabled>
            </el-rate>
          </div>
        </div>
      </div>
      <div class="datetime">
        {{ replyParams.createdAt.substr(0, 10) }}
      </div>
      <div class="c"></div>
    </div>
    <div class="line2"> {{ replyParams.content }}</div>
    <div class="line3">
      <el-image
        v-for="(imageUrl,_key) in replyParams.imageArr" :key="_key"
        style="width: 70px; height: 70px"
        :src="imageUrl"
        :preview-src-list="replyParams.imageArr">
      </el-image>
    </div>
    <div class="line4">
      <span v-if="replyParams.hotTag!=='[]' && replyParams.hotTag" v-text="replyParams.hotTag"></span>
    </div>
    <div class="c"></div>
  </div>
</template>

<script>
export default {
  name: 'ReplyListItem',
  props:{
    replyParams:Object
  }
}
</script>

<style scoped>

</style>
